<!DOCTYPE html>

<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>首页  </title>
		<link rel="stylesheet" href="../src/css/layui.css">
		<style>
			.w0_logo {
				width: 200px;
				height: 60px;
				line-height: 60px;
				text-align: center;
				background-color: #20222A !important;
				color: #ffffff;
			}
			
			#menuWrap a {
				padding: 5px 40px;
				position: relative;
			}
			
			#menuWrap a i {
				position: absolute;
				left: 8%;
			}
			
			#menuControlBtn {
				position: relative;
				left: 20px;
				top: 20px;
			}
			
			#dropList {
				position: relative;
				left: 40px;
				top: 20px;
			}
			
			.layui-layout .layui-bg-white {
				background-color: #fff;
			}
			
			.layui-layout-admin .layui-logo {
				background-color: #20222A !important;
			}
			
			.layui-layout-admin .layui-side {
				top: 0;
			}
			
			#mc {
				float: left;
				overflow: inherit;
			}
			
			.w0_relative {
				position: relative;
				width: 100%;
				height: 100%;
			}
			
			#content {
				min-width: 1280px;
				position: absolute;
				top: 60px;
				left: 0;
				right: 0;
				bottom: 0;
			}
			
			#dropDown {
				width: 40px;
				height: 60px;
				background: green;
				position: absolute;
				top: 50%;
				margin-top: -60px;
				right: -40px;
			}
			
			.layui-header {
				border-bottom: 1px solid #cccccc;
			}
		</style>
	</head>

	<body class="layui-layout-body">
		<div id="mc" class="layui-side layui-bg-black">
			<div class="w0_logo">巨鑫伟业</div>
			<div class="layui-side-scroll">
				<a id="dropDown" href="###">下拉</a>
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul id="menuWrap" class="layui-nav layui-nav-tree" lay-filter="test">
					<li class="layui-nav-item">
						<a target="iframe" href="GIS.html">
							GIS
							<i class="layui-icon">&#xe715;</i></a>
					</li>
					<li class="layui-nav-item">
						<a class="" href="javascript:;">
							数据采集
							<i class="layui-icon">&#xe653;</i></a>
						<dl class="layui-nav-child">
							<dd>
								<a target="iframe" href="ncgl.html">农场管理</a>
							</dd>
							<dd>
								<a target="iframe" href="jdgl.html">基地管理</a>
							</dd>
							<dd>
								<a target="iframe" href="dkgl.html">地块管理</a>
								<!--<dl class="layui-nav-child">
									<dd>
										<a target="iframe" href="dktj.html">地块添加</a>
									</dd>
								</dl>-->
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a class="" href="javascript:;">
							数据展示
							<i class="layui-icon">&#xe656;</i></a>
						<dl class="layui-nav-child">
							<dd>
								<a target="iframe" href="dkll.html">地块浏览</a>
							</dd>
							<dd>
								<a target="iframe" href="index_zhfx.html">综合检测</a>
							</dd>
							<dd>
								<a href="javascript:;">环境检测</a>
							</dd>
							<dd>
								<a href="javascript:;">气象检测</a>
							</dd>
							<dd>
								<a href="javascript:;">视频检测</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a class="" href="javascript:;">
							数据管理
							<i class="layui-icon">&#xe705;</i></a>
						<dl class="layui-nav-child">
							<dd>
								<a target="iframe" href="hjsj.html">环境数据</a>
							</dd>
							<dd>
								<a target="iframe" href="qxsj.html">气象数据</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a class="" href="javascript:;">
							数据统计
							<i class="layui-icon">&#xe62c;</i></a>
						<dl class="layui-nav-child">
							<dd>
								<a target="iframe" href="zhfx.html">综合分析</a>
							</dd>
							<dd>
								<a target="iframe" href="nyzysjfx.html">农业专业数据分析</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a class="" href="javascript:;">
							设备管理
							<i class="layui-icon">&#xe631;</i></a>
						<dl class="layui-nav-child">
							<dd>
								<a target="iframe" href="znsb.html">设备列表</a>
							</dd>
							<dd>
								<a target="iframe" href="sprh.html">视频融合</a>
							</dd>
							<dd>
								<a target="iframe" href="splb.html">视频列表</a>
							</dd>
							<dd>
								<a target="iframe" href="spsh.html">视频审核</a>
							</dd>
						</dl>
					</li>
					<li class="layui-nav-item">
						<a class="" target="iframe" href="tpbh.html">
							图像捕获
							<i class="layui-icon">&#xe64a;</i></a>
					</li>
					<!--<li class="layui-nav-item">
						<a class="" href="javascript:;">
							设备列表
							<i class="layui-icon">&#xe63c;</i></a>
						<dl class="layui-nav-child">
							<dd>
								<a  target="iframe" href="znsb.html">智能设备</a>
							</dd>
						</dl>
					</li>-->
					<li class="layui-nav-item">
						<a target="iframe" href="jkjg.html">
							监控警告
							<i class="layui-icon">&#xe6ed;</i></a>
					</li>
				</ul>
			</div>
		</div>
		<div id="layRight" class="layui-body">
			<div class="w0_relative">
				<ul id="Tree" style="position:fixed;top:83px;left:210px;padding:10px;height:400px;width:180px;overflow-y:auto;z-index: 999;border-radius:10px;box-shadow:1px 1px 8px #CCCCCC;background: #FFFFFF;display:none;"></ul>
				<div class="layui-layout layui-layout-admin">
					<div class="layui-header layui-bg-white">
						<a id="menuControlBtn" href="###">
							<i class="layui-icon">&#xe668;</i>
						</a>
						<a id="dropList" href="###">
							<i class="scrolls layui-icon">&#xe625;</i>
						</a>
						<!-- 头部区域（可配合layui已有的水平导航） -->
						<ul class="layui-nav layui-layout-right">
							<li class="layui-nav-item">
								<a href="javascript:;">
									<img src="http://t.cn/RCzsdCq" class="layui-nav-img"> 贤心
								</a>
								<dl class="layui-nav-child">
									<dd>
										<a href="">基本资料</a>
									</dd>
									<dd>
										<a href="">安全设置</a>
									</dd>
								</dl>
							</li>
							<li class="layui-nav-item">
								<a href="">退了</a>
							</li>
						</ul>
					</div>
				</div>
				<!-- 内容主体区域 -->
				<div id="content" style="padding: 15px;">
					<iframe name="iframe" width="100%" height="100%" src="ncgl.html" scrolling="yes" frameborder="0"></iframe>
				</div>
			</div>
		</div>

		<!--<script src="../src/lay/modules/jquery.js"></script>-->
		<script src="../src/layui.js"></script>
		<script>
			//JavaScript代码区域
			
			
			var oMenu = {
				closeMenu: function() {
					document.getElementById("menuControlBtn").onclick = function() {
						this.childNodes.innerHTML = "layui-icon-spread-left";
					}

				}
			}
			layui.use(['jquery','element'], function() {
				var $ = jQuery = layui.$;
				var element = layui.element;
			 	
				var oMenu = {
					closeMenu: function() {
						$("#menuControlBtn").children("i").on("click", function() {
							if($("#mc").width() > 40) {
								$("#mc,.layui-logo,.w0_logo").animate({
									"width": "40"
								}, "slow"); //.width(40);
								$("#layRight").animate({
									"left": "40"
								}, "slow");
								$(".w0_logo").html("L");
								$(this).html("&#xe66b;");
								$("#menuWrap li").removeClass("layui-nav-itemed");
							} else {
								$("#mc,.layui-logo,.w0_logo").animate({
									"width": "200"
								}, "slow");
								$("#layRight").animate({
									"left": "200"
								}, "slow");
								$(".w0_logo").html("巨鑫伟业");
								$(this).html("&#xe668;");
							}
						})
					},
					hoverMenu:function(){
						
					},
					oHeight:function(){
						var oh = document.documentElement.clientHeight || document.body.clientHeight;
						$(".layui-side-scroll").height(oh-60)
					}
				}
				oMenu.closeMenu();
				oMenu.oHeight();
				//监听导航点击
				element.on('nav(test)', function(elem){
					if($("#mc").width() == 40){
						$("#mc,.layui-logo,.w0_logo").animate({
									"width": "200"
								}, "slow");
								$("#layRight").animate({
									"left": "200"
								}, "slow");
								$(".w0_logo").html("巨鑫伟业");
								$('#menuControlBtn').children('i').html("&#xe668;");
					}
				});
				$(".scrolls").on("click", function() {
					if($("#Tree").css("display") == "none") {
						$(this).html("&#xe623;");
						$("#Tree").slideDown();
					} else {
						console.log($(this).html())
						$(this).html("&#xe625;");
						$("#Tree").slideUp();
					}

				});
				//注意：导航 依赖 element 模块，否则无法进行功能性操作
				layui.use('tree', function() {
					layui.code
					layui.tree({
						elem: '#Tree',
						nodes: [{ //节点
							name: '哈尔滨',
							children: [{
								name: '道里区',
								children: [{
									name: "地块一",
									links: 'building.html',
								}]
							}, {
								name: '南岗区',
								children: [{
									name: "地块一",
									links: 'qxjc.html',
								}]
							}, {
								name: '道外区',
								href: '###',
							}, {
								name: '平房区'
							}, {
								name: '松北区'
							}, {
								name: '香坊区'
							}, {
								name: '阿城区'
							}, {
								name: '双城区'
							}, {
								name: '依兰县'
							}, {
								name: '方正县'
							}, {
								name: '巴彦县'
							}, {
								name: ' 木兰县'
							}, {
								name: ' 通河县'
							}, {
								name: ' 延寿县'
							}, {
								name: ' 尚志市'
							}, {
								name: '  五常市'
							}]
						}, {
							name: '齐齐哈尔',
							children: [{
								name: '龙沙区',
							}, {
								name: '建华区',
							}, {
								name: '铁锋区',
							}, {
								name: '昂昂溪区',
							}, {
								name: '富拉尔基区',
							}, {
								name: '梅里斯达斡尔族区',
							}, {
								name: '龙江县',
							}, {
								name: '泰来县',
							}, {
								name: '甘南县',
							}, {
								name: '克山县',
							}, {
								name: '讷河市',
							}]
						}, {
							name: '大庆',
							children: [{
								name: '萨尔图区',
							}, {
								name: '龙凤区',
							}, {
								name: '让胡路区',
							}, {
								name: '红岗区',
							}, {
								name: '大同区',
							}, {
								name: '肇州县',
							}, {
								name: '肇源县',
							}, {
								name: '林甸县',
							}, {
								name: '杜尔伯特蒙古族自治县',
							}]
						}, {
							name: '绥化',
							children: [{
								name: '北林区',
							}, {
								name: '望奎县',
							}, {
								name: '兰西县',
							}, {
								name: '青冈县',
							}, {
								name: '庆安县',
							}, {
								name: '绥棱县',
							}, {
								name: '安达市',
							}, {
								name: '肇东市',
							}, {
								name: '海伦市',
							}]
						}, {
							name: '黑河市',
							children: [{
								name: '爱辉区',
							}, {
								name: '嫩江县',
							}, {
								name: '逊克县',
							}, {
								name: '北安市',
							}, {
								name: '五大连池市',
							}]
						}, {
							name: '大兴安岭',
							children: [{
								name: '加格达奇区',
							}, {
								name: '呼玛县',
							}, {
								name: '塔河县',
							}, {
								name: '漠河县',
							}]
						}, {
							name: '牡丹江市',
							children: [{
								name: '东安区',
							}, {
								name: '阳明区',
							}, {
								name: '爱民区',
							}, {
								name: '西安区 ',
							}, {
								name: '林口县',
							}, {
								name: '绥芬河市',
							}, {
								name: '海林市',
							}, {
								name: '穆棱市',
							}, {
								name: '东宁市',
							}, {
								name: '宁安市 ',
							}]
						}, {
							name: '市伊春市',
							children: [{
								name: '伊春区 ',
							}, {
								name: '南岔区 ',
							}, {
								name: '友好区',
							}, {
								name: '西林区 ',
							}, {
								name: '翠峦区 ',
							}, {
								name: '美溪区',
							}, {
								name: '金山屯区 ',
							}, {
								name: '五营区 ',
							}, {
								name: '乌马河区',
							}, {
								name: '汤旺河区 ',
							}, {
								name: '带岭区 ',
							}, {
								name: '乌伊岭区',
							}, {
								name: '红星区',
							}, {
								name: '上甘岭区',
							}, {
								name: '嘉荫县',
							}, {
								name: '铁力市',
							}]
						}, {
							name: '大兴安岭',
							children: [{
								name: '加格达奇区',
							}, {
								name: '呼玛县',
							}, {
								name: '塔河县',
							}, {
								name: '漠河县',
							}]
						}, {
							name: '鸡西市',
							children: [{
								name: '滴道区',
							}, {
								name: '梨树区',
							}, {
								name: '城子河区',
							}, {
								name: '麻山区',
							}, {
								name: '鸡东县 ',
							}, {
								name: '虎林市',
							}, {
								name: '密山市',
							}, {
								name: '鸡冠区 ',
							}, {
								name: '恒山区 ',
							}]
						}, {
							name: '鹤岗市',
							children: [{
								name: '工农区',
							}, {
								name: '南山区',
							}, {
								name: '兴安区',
							}, {
								name: '东山区',
							}, {
								name: '兴山区',
							}, {
								name: '萝北县',
							}, {
								name: '绥滨县',
							}, {
								name: '向阳区',
							}]
						}, {
							name: '双鸭山市',
							children: [{
								name: '尖山区',
							}, {
								name: '岭东区',
							}, {
								name: '四方台区 ',
							}, {
								name: '宝山区',
							}, {
								name: '集贤县',
							}, {
								name: '友谊县',
							}, {
								name: '宝清县 ',
							}, {
								name: '饶河县',
							}]
						}, {
							name: '七台河',
							children: [{
								name: '新兴区',
							}, {
								name: '桃山区',
							}, {
								name: '茄子河区 ',
							}, {
								name: '勃利县',
							}]
						}, {
							name: '佳木斯市',
							children: [{
								name: '东风区',
							}, {
								name: '向阳区',
							}, {
								name: ' 郊区 ',
							}, {
								name: '桦南县',
							}, {
								name: '桦川县',
							}, {
								name: '汤原县',
							}, {
								name: ' 同江市 ',
							}, {
								name: '富锦市',
							}, {
								name: '抚远市',
							}]
						}],
						click: function(node) {
							console.log(node)
							$(".sx_right").load(node.links, function() {})
						}
					});
				});
			});
		</script>
	</body>

</html>